<template>
  <div>
      <div class="tikettop">
          <p class="backup" @click="fun()">返回</p>
          <p class="tiketname">{{this.$route.params.tiketname.name}} </p>
      </div>
      <div class="openApp">
      <img src="img/openApp.PNG" alt="">
      </div>
      <img :src="this.$route.params.tiketname.tiket" alt="" class="tiketimg" @click="fun1()">
      <Cinemalist/>
  </div>
</template>

<script>
import Cinemalist from "com/cinemalist.vue"
export default {
    components:{
        Cinemalist
    },
    data() {
        return {
            arr:[]
        }
    },
    methods: {
        fun(){
            this.$router.push("/hot")
        },
        fun1(){
            this.$router.push({name:"Xiangqing",params:{xiangqing:this.arr}})
        }
    },
     mounted() {
        console.log(this.$route.params.tiketname.tiket)
        this.arr=this.$route.params.tiketname

    },
}
</script>

<style scoped>
*{
    margin: 0px;
    padding: 0px;
}
    .tikettop{
        width: 100%;
        height: 50px;
        background-color: tomato;
        color: white;
        position: relative;
        line-height: 50px;
        font-size: 20px;
    }
    .backup{
        line-height: 50px;
        margin-left: 5px;

    }
    .tiketname{
        position: absolute;
        left: 120px;
        top: 0px;
    }
    .openApp{
    width: 100%;
  }
  .openApp img{
    width: 100%;
  }
  .tiketimg{
      width: 100%;
  }
</style>